<template>
  <div>
    <h1>登录组件</h1>
      <h1>{{$store.state.num}}</h1>
      <h1>{{$store.getters.douNum}}</h1>
      <button @click="plusFive">加5</button>
    <button @click="turncart">跳转购物车组件</button>
  </div>
</template>
<script>
export default {
  created() {
    // 想在created生命周期操作dom
     this.$nextTick(()=>{
      //  nextTick中的操作 会等待dom更新完毕后执行
     });
  },
   methods: {
     plusFive(){
      //  触发mutations的方法
      this.$store.commit("changeNum",5)
     },
     
     turncart(){
      //  this.$router.push("/cart");
       this.$router.push({name:"cart",query:{pid:888}})
      //  this.$router.push({name:"cart",params:{kk:999}})
      //  this.$router.go(-1)//前进或后退
      // this.$router.replace("/cart")//跳转不产生历史记录
     }
   },
}
</script>
<style lang="less">
  
</style>